import React, { Component, PureComponent, memo } from 'react'

function Com({ count }) {
    console.log('render')
    return <div>
        <h4>
            我是Com组件 --- { count }
        </h4>
    </div>
}

export default memo(Com)


// export default class Com extends PureComponent {
//     render() {
//         const { count } = this.props
//         console.log('子组件render')
//         return (
//             <div>
//                 <h4>
//                     我是Com组件 -- { count }
//                 </h4>
//             </div>
//         )
//     }
// }

// export default class Com extends Component {
//     // 组件将要接收Props
//     componentWillReceiveProps(props, b) {
//         // console.log(props, b)
//         // console.log('父组件里的值修改了')
//     }

//     shouldComponentUpdate(props, state) {
//         if (Object.keys(props).length > 0) {
//             return true
//         } else {
//             return false
//         }
//     }

//     render() {
//         const { count } = this.props
//         console.log('子组件render')
//         return (
//             <div>
//                 <h4>
//                     我是Com组件 -- 

//                 </h4>
//             </div>
//         )
//     }
// }
